/* 显示用户账户名 */
function showUserMessage() {
    let userStr = localStorage.getItem('USER')
    let data = JSON.parse(userStr)
    var loginHtml = template('userInfor', data)
    $('#header .right').html(loginHtml)
}

/* 侧边栏点击改变颜色 */
function changeColor() {
    $("#aside li").on('mouseover', function () {
            $(this).find("img").toggleClass('active')
        })
        .on('mouseout', function () {
            $(this).find("img").toggleClass('active')
        })
}

/* 点击购物车跳转到购物车页面，点击回到顶部 */
function toTop() {
    //滚动高度大于浏览器窗口高度时候会显示回到顶部
    let timer = null;

    $('#aside li').eq(0).on('click', function () {
        location.href = './cart.html'
    })

    $('#aside li').eq(1).on('click', function () {
        cancelAnimationFrame(timer) //停止定时器
        timer = requestAnimationFrame(function fn() {
            var distance = document.body.scrollTop || document.documentElement.scrollTop //距离页面顶部的距离
            if (distance > 0) {
                document.body.scrollTop = document.documentElement.scrollTop = distance - 70
                timer = requestAnimationFrame(fn)
            } else {
                cancelAnimationFrame(timer)
            }
        });
    })
}
showUserMessage()
changeColor()
toTop()